﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/UserMaster.master"
    Inherits="System.Web.Mvc.ViewPage<Eacademy.Domain.Models.StudentMessagesViewModel>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Messages - Create New
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h2>
        Create New Message</h2>
    <% using (Html.BeginForm("Create", "Messages", FormMethod.Post, new { autocomplete = "off" }))
       {%>
    <div class="forms-elements">
        <div class="form-wrapper">
            <div class="form-label">
               To
            </div>
            <div class="form-element">
                <div class="textbox-list">
                    <%: Html.TextBoxFor(model => model.RecipientIdList, new { @id = "tokenize" })%>
                </div>
            </div>
            <div class="form-error form-error-150">
            </div>
        </div>
        <div class="form-wrapper">
            <div class="form-label">
                <%: Html.LabelFor(model => model.Subject)%>
            </div>
            <div class="form-element">
                <div class="textbox-xmedium-form">
                    <%: Html.TextBoxFor(model => model.Subject, new { @class = "textbox-xmedium-field" })%>
                </div>
            </div>
            <div class="form-error form-error-150">
                <%: Html.ValidationMessageFor(model => model.Subject)%>
            </div>
        </div>
        <div class="form-wrapper">
            <div class="form-label">
                <%: Html.LabelFor(model => model.Message)%>
            </div>
            <div class="form-element">
                <div class="textarea-large-form">
                    <%: Html.TextAreaFor(model => model.Message, new { @class = "textarea-large-field" })%>
                </div>
            </div>
            <div class="form-error form-error-150">
                <%: Html.ValidationMessageFor(model => model.Message)%>
            </div>
        </div>
        <div class="form-wrapper">
            <div class="form-label">
            </div>
            <div class="form-element">
                <input type="submit" value="Send" class="button-style" />
                <input type="button" value="Cancel" onclick="window.open('/student/messages','_self');"
                    class="button-style" />
            </div>
        </div>
    </div>
    <% } %>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ScriptContent" runat="server">
    <script src="/content/js/jquery.tokeninput.js" type="text/javascript"></script>
    <link href="/content/css/token-input.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(document).ready(function () {
            $("#tokenize").tokenInput("/student/messages/getmentors", {
                hintText: "Type in the name of the mentor",
                noResultsText: "No results",
                searchingText: "Searching...",
                hideEntered: true
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="LeftContent" runat="server">
</asp:Content>
